.container {
  position: relative;
  display: flex;
  flex-flow: column;
  height: 100%;
  // padding-bottom: env(safe-area-inset-bottom);

  .search-box {
    padding: 10rpx 20rpx;
    background-color: $color-white;

    .inp {
      display: flex;
      background-color: #f8f8f8;
      border-radius: 10rpx;
      overflow: hidden;
      padding-left: 20rpx;

      .btn {
        padding: 20rpx 30rpx;
        background-color: $color-primary;
        color: $color-white;
      }
    }
  }

  .tabs {
    background-color: $color-white;
    border-bottom: 1px #f8f8f8 solid;
  }

  .content {
    flex: 1;
    overflow-y: auto;
    display: flex;

    .menus {
      width: 200rpx;
      height: 100%;
      overflow: hidden;
      background-color: $bg-color-grey;

      .items {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 30rpx 20rpx;
        font-size: 26rpx;
        position: relative;

        &.current {
          background-color: $color-white;
          color: $color-primary;
        }
      }
    }

    .details {
      flex: 1;
      height: 100%;
      overflow: hidden;
      background-color: $color-white;
    }

    .foods {
      flex: 1;
      height: 100%;
      overflow: hidden;
      background-color: $color-white;

      .items {
        display: flex;
        // align-items: center;
        padding: 20rpx 20rpx 0 20rpx;

        .image {
          width: 130rpx;
          height: 130rpx;
          margin-right: 20rpx;
          border-radius: 8rpx;
          background-color: $bg-color-grey;
        }

        .right {
          flex: 1;
          // height: 160rpx;
          // overflow: hidden;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          justify-content: space-between;
          border-bottom: 1px #f8f8f8 solid;
          padding-bottom: 20rpx;

          .label {
            display: flex;
            margin-top: 10rpx;

            text {
              display: inline-block;
              padding: 0 8rpx;
              font-size: 20rpx;
              border: 1px #f3c45d solid;
              border-radius: 8rpx;
              margin-right: 10rpx;
            }
          }

          .btn {
            display: flex;
            margin-top: 10rpx;

            text {
              display: inline-block;
              padding: 4rpx 16rpx;
              font-size: 24rpx;
              border: 1px #333 solid;
              border-radius: 8rpx;
              margin-right: 10rpx;
            }
          }
        }
      }

      .btn {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        text {
          padding: 4rpx 16rpx;
          font-size: 24rpx;
          border: 1px #333 solid;
          border-radius: 8rpx;
          margin-right: 10rpx;
        }
      }
    }
  }
}
